<nz-card class="login_card">
  <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
    <p class="login_title">用户登录</p>
    <nz-form-item class="form_item">
      <nz-form-control>
        <nz-input-group [nzPrefix]="prefixUser">
          <input nz-input formControlName="email" required [(ngModel)]="loginService.authenticateModel.userNameOrEmailAddress"
            placeholder="账号">
        </nz-input-group>
        <nz-form-explain *ngIf="validateForm.get('email').dirty&&validateForm.get('email').errors">
          <ng-container *ngIf="validateForm.get('email').hasError('required')">
            请填写账号！
          </ng-container>
        </nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item class="form_item">
      <nz-form-control>
        <nz-input-group [nzPrefix]="prefixLock">
          <input type="password" required nz-input formControlName="password" [(ngModel)]="loginService.authenticateModel.password"
            placeholder="密码">
        </nz-input-group>
        <nz-form-explain *ngIf="validateForm.get('password').dirty && validateForm.get('password').errors">
          请填写密码！
        </nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item class="form_item">
      <nz-form-control>
        <button nz-button class="login-form-button login_btn" [disabled]="!validateForm.valid" [nzType]="'primary'"
          [nzLoading]="submitting" nzBlock>登 录</button>
      </nz-form-control>
    </nz-form-item>
  </form>

</nz-card>
<ng-template #prefixUser><i nz-icon [iconfont]="'anticon-account'" class="form_icon"></i></ng-template>
<ng-template #prefixLock><i nz-icon [iconfont]="'anticon-lock'" class="form_icon"></i></ng-template>